<script setup>
import FirstTitle from "@comp/FirstTitle";
import { postTableData } from "@/api/table";
import { onMounted } from "vue";
import { searchDataPzzh } from "@/api/search";
import { addOrUpdatePzzh } from "@/api/addOrUpdate";
import { Editor, Toolbar } from "@wangeditor/editor-for-vue";

const city = window.globalObj.name;

const editorRef10 = shallowRef();
const valueHtml10 = ref(
  `各级各类指挥所（含地面指挥中心）接入人防光缆专网的XX个、国家党政专网的XX个、民用互联网的XX个，装备XX瓦短波电台的XX个、125瓦短波电台车载站的XX个、卫星地面站的XX个、卫星车载站的XX个、北斗导航定位系统的XX个、超短波数字集群XX个、超短波数字集群车载站XX个、4G/5G专网XX个，配备指挥信息系统的XX个、便捷指挥信息系统XX个、车载指挥信息系统XX个、空情接收处理自动化系统XX个、电话终端XX个。具体情况如下：`
);
const toolbarConfig10 = {};
const editorConfig10 = { placeholder: "请输入内容..." };
const mode10 = ref("default");
const handleCreated10 = (editor) => {
  editorRef10.value = editor; // 记录 editor 实例，重要！
};
const editorRef11 = shallowRef();
const valueHtml11 = ref(
  `按战时需求和现有数量对比计算，各级各类指挥所(含地面指挥中心)需接入国防动员信息网96个，国家党政专网96个，民用互联网96个，125瓦短波电台96个，125瓦短波电台车载站96个，卫星地面站96个，卫星车载站96个，北斗导航定位系统96个，超短波数字集群96个，超短波数字集群车载站96个，指挥信息系统96个，便捷指挥信息系统96个，空情预警信息系统96个，电话终端96个，4G/5G专网96个。具体情况如下:`
);
const toolbarConfig11 = {};
const editorConfig11 = { placeholder: "请输入内容..." };
const mode11 = ref("default");
const handleCreated11 = (editor) => {
  editorRef11.value = editor; // 记录 editor 实例，重要！
};

// 表头单元格样式
const headerCellStyle = () => {
  return {
    backgroundColor: "#f5f7fa",
    color: "rgba(0,0,0,0.85)",
    fontSize: "14px",
    height: "54px",
  };
};
// 单元格样式
const cellStyle = () => {
  return {
    color: "rgba(0,0,0,0.65)",
    fontSize: "14px",
    lineHeight: "22px",
  };
};

// 合计占2单元格
const spanMethod = ({ row, column, rowIndex, columnIndex, length }) => {
  if (columnIndex === 0) {
    if (rowIndex === length - 1 && row.jd_name === "合计") {
      return {
        display: "none",
      };
    }
  } else if (columnIndex === 1) {
    if (row.jd_name === "合计") return [1, 2];
  }
};

// 指挥手段
const handerMethodSd = ({ row, column, rowIndex, columnIndex, name }) => {
  nextTick(() => {
    const dom = document.querySelector(`.${column.id}`);
    // if (columnIndex === 1 && column.label === name) {
    //   dom.setAttribute("colspan", 2);
    //   dom.innerHTML = column.label;
    // }
    // if (columnIndex === 2 && !column.label) {
    //   dom.setAttribute("colspan", 0);
    //   dom.style.display = "none";
    // }
  });
  return {};
};
const getSummaries = ({ columns, data }) => {
  const sums = [];
  columns.forEach((column, index) => {
    if (index === 0) {
      sums[index] = h("div", {}, ["合计"]);
      return;
    }
    sums[index] = "X";
  });
  return sums;
};

// 地面指挥中心指挥手段建设情况统计表
const dmzhList = ref([]);
const getDmzhData = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "dimianzhihuizhongxin",
  }).then((res) => {
    if (res.code === 200) {
      dmzhList.value = res?.data || [];
    }
  });
};
// 基本指挥所指挥手段建设情况统计表
const jbzhList = ref([]);
const getJbzhData = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "jibenzhihuizhongxin",
  }).then((res) => {
    if (res.code === 200) {
      jbzhList.value = res?.data || [];
    }
  });
};
// 预备指挥所指挥手段建设情况统计表
const ybzhList = ref([]);
const getYbzhData = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "yubeizhihuizhongxin",
  }).then((res) => {
    if (res.code === 200) {
      ybzhList.value = res?.data || [];
    }
  });
};
// 机动指挥所指挥手段建设情况统计表
const jdzhList = ref([]);
const getJdzhData = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "jidongzhihuizhongxin",
  }).then((res) => {
    if (res.code === 200) {
      jdzhList.value = res?.data || [];
    }
  });
};
// 地面指挥中心指挥手段建设需求统计表
const dmzhList1 = ref([]);
const getDmzhData1 = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "dimianzhihuixuqiutongji",
  }).then((res) => {
    if (res.code === 200) {
      dmzhList1.value = res?.data || [];
    }
  });
};
// 基本指挥所指挥手段建设需求统计表
const jbzhList1 = ref([]);
const getJbzhData1 = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "jibenzhihuixuqiutongji",
  }).then((res) => {
    if (res.code === 200) {
      jbzhList1.value = res?.data || [];
    }
  });
};
// 预备指挥所指挥手段建设需求统计表
const ybzhList1 = ref([]);
const getYbzhData1 = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "yubeizhihuixuqiutongji",
  }).then((res) => {
    if (res.code === 200) {
      ybzhList1.value = res?.data || [];
    }
  });
};
// 机动指挥所指挥手段建设需求统计表
const jdzhList1 = ref([]);
const getJdzhData1 = () => {
  return postTableData({
    docType: "spaceToWar",
    method: "jidongzhihuixuqiutongji",
  }).then((res) => {
    if (res.code === 200) {
      jdzhList1.value = res?.data || [];
    }
  });
};
// 加载html
const initHtml = () => {
  searchDataPzzh({ m: "任务需求指挥手段能力现状及需求分析" }).then((res) => {
    const { data } = res;
    valueHtml10.value = data.find((x) => x.k === "指挥手段能力现状")?.v || "";
    valueHtml11.value = data.find((x) => x.k === "指挥手段需求分析")?.v || "";
  });
};
const saveProgramme = () => {
  ElMessageBox.confirm(`确定要保存吗?`, "警告", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    customClass: "message-box",
  }).then(() => {
    addOrUpdatePzzh({
      m: "任务需求指挥手段能力现状及需求分析",
      data: [
        {
          k: "指挥手段能力现状",
          v: valueHtml10.value,
        },
        {
          k: "指挥手段需求分析",
          v: valueHtml11.value,
        },
      ],
    })
      .then(() => {
        ElMessage.success("操作成功");
      })
      .catch(() => {});
  });
};

onMounted(async () => {
  initHtml();
  await getDmzhData();
  await getJbzhData();
  await getYbzhData();
  await getJdzhData();
  await getDmzhData1();
  await getJbzhData1();
  await getYbzhData1();
  await getJdzhData1();
});

onBeforeUnmount(() => {
  if (editorRef10.value) editorRef10.value.destroy();
  if (editorRef11.value) editorRef11.value.destroy();
});
</script>
<template>
  <div>
    <FirstTitle name="能力现状" class="top-15" />
    <div style="border: 1px solid #ccc" class="top-15">
      <Toolbar
        style="border-bottom: 1px solid #ccc"
        :editor="editorRef10"
        :defaultConfig="toolbarConfig10"
        :mode="mode10"
      />
      <Editor
        style="height: 500px; overflow-y: hidden"
        v-model="valueHtml10"
        :defaultConfig="editorConfig10"
        :mode="mode10"
        @onCreated="handleCreated10"
      />
    </div>
    <div class="top-15">地面指挥中心指挥手段建设情况：</div>

    <div class="top-15 text-center">
      {{ city }}地面指挥中心指挥手段建设情况统计表（单位:套）
    </div>
    <el-table
      :data="dmzhList"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: dmzhList.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <div class="top-15">基本指挥所指挥手段建设情况：</div>

    <div class="top-15 text-center">
      {{ city }}基本指挥所指挥手段建设情况统计表（单位:套）
    </div>

    <el-table
      :data="jbzhList"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: jbzhList.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <div class="top-15">预备指挥所指挥手段建设情况：</div>
    <div class="top-15 text-center">
      {{ city }}预备指挥所指挥手段建设情况统计表（单位:套）
    </div>
    <el-table
      :data="ybzhList"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: ybzhList.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>
    <div class="top-15">机动指挥所指挥手段建设情况：</div>
    <div class="top-15 text-center">
      {{ city }}机动指挥所指挥手段建设情况统计表（单位:套）
    </div>
    <el-table
      :data="jdzhList"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: jdzhList.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <FirstTitle name="需求分析" class="top-15" />
    <div style="border: 1px solid #ccc" class="top-15">
      <Toolbar
        style="border-bottom: 1px solid #ccc"
        :editor="editorRef11"
        :defaultConfig="toolbarConfig11"
        :mode="mode11"
      />
      <Editor
        style="height: 500px; overflow-y: hidden"
        v-model="valueHtml11"
        :defaultConfig="editorConfig11"
        :mode="mode11"
        @onCreated="handleCreated11"
      />
    </div>
    <div class="top-15">地面指挥中心指挥手段建设需求：</div>
    <div class="top-15 text-center">
      {{ city }}地面指挥中心指挥手段建设需求统计表（单位:套）
    </div>
    <el-table
      :data="dmzhList1"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: dmzhList1.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <div class="top-15">基本指挥所指挥手段建设需求：</div>
    <div class="top-15 text-center">
      {{ city }}基本指挥所指挥手段建设需求统计表（单位:套）
    </div>
    <el-table
      :data="jbzhList1"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: jbzhList1.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <div class="top-15">预备指挥所指挥手段建设需求：</div>
    <div class="top-15 text-center">
      {{ city }}预备指挥所指挥手段建设需求统计表（单位:套）
    </div>
    <el-table
      :data="ybzhList1"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: ybzhList1.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>

    <div class="top-15">机动指挥所指挥手段建设需求：</div>
    <div class="top-15 text-center">
      {{ city }}机动指挥所指挥手段建设需求统计表（（单位:套）
    </div>
    <el-table
      :data="jdzhList1"
      class="top-15"
      style="width: 100%"
      :span-method="
        ({ row, column, rowIndex, columnIndex }) =>
          spanMethod({
            row,
            column,
            rowIndex,
            columnIndex,
            length: jdzhList1.length,
          })
      "
      :header-cell-style="
        ({ row, column, rowIndex, columnIndex }) =>
          handerMethodSd({
            row,
            column,
            rowIndex,
            columnIndex,
            name: '行政区划',
          })
      "
      border
    >
      <el-table-column prop="rowNum" label="序号" width="70" align="center" />
      <el-table-column prop="jd_name" label="行政区划" align="center" />
      <el-table-column label="设备数量" prop="" align="center">
        <el-table-column prop="guofang" label="国防动员信息网" />
        <el-table-column prop="dangzheng" label="国家党政专网" />
        <el-table-column prop="minyong" label="民用互联网" />
        <el-table-column prop="duanwabo" label="125瓦短波电台" />
        <el-table-column prop="duanwabochezai" label="125瓦短波电台车载站" />
        <el-table-column prop="weixingdimian" label="卫星地面站" />
        <el-table-column prop="weixingchezai" label="卫星车载站" />
        <el-table-column prop="beidoudaohang" label="北斗导航定位系统" />
        <el-table-column prop="zhihuixinxi" label="指挥信息系统" />
        <el-table-column prop="kongqingyujing" label="空情预警信息系统" />
        <el-table-column prop="bianjizhihui" label="便捷指挥信息系统" />
        <el-table-column prop="dianhuazhongduan" label="电话终端" />
        <el-table-column prop="chaoduanbo" label="超短波数字集群" />
        <el-table-column prop="chaoduanbochezai" label="超短波数字集群车载" />
        <el-table-column prop="zhuanwang" label="4G/5G专网" />
        <el-table-column prop="chezaizhihuixinxi" label="车载指挥信息系统" />
      </el-table-column>
    </el-table>
    <div class="flex-justify-end top-20">
      <el-button type="primary" class="save-btn" @click="saveProgramme"
        >保存</el-button
      >
    </div>
  </div>
</template>
<style scoped lang="scss"></style>